<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>maintest3</title>
<!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="../../../css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>

<body>
<nav class="navbar  navbar-static-top" role="navigation">
  <div class="container">
    <ul class="nav nav-pills">
      <li class="active"><a href="#tab1" data-toggle="tab">WinXP</a></li>
      <li><a href="#tab2" data-toggle="tab">Ubuntu</a></li>
      <li><a href="#tab3" data-toggle="tab">Win7</a></li>
      <li><a href="#tab4" data-toggle="tab">Win8</a></li>
    </ul>
  </div>
</nav>
<div class="  tab-content" style="background:green	" >
  <div class="tab-pane active" id="tab1" >tab1</div>
  <div  class="tab-pane container" id="tab2" >
    <div class="tab-pane col-md-9 " >
      <div class="tab-content">
        <div class="tab-pane active"> <img class="col-md-12" src="../QQ图片20140828080903.jpg"></div>
        <div class="tab-pane " id="Ubuntu-1" >This is step one test content
        <img src="../git.jpg"></div>
        <div class="tab-pane " id="Ubuntu-2" >This is step two test content</div>
        <div class="tab-pane " id="Ubuntu-3" >This is step three test content</div>
      </div>
    </div>
    <div class="tab-pane col-md-3 " >
      <h3 class=" page-header">Install Ubuntu14.04</h3>
      <ul class="nav nav-stacked nav-pills">
        <li><a href="#Ubuntu-1" data-toggle="tab">Step one</a></li>
        <li><a href="#Ubuntu-2"  data-toggle="tab">Two</a></li>
        <li><a href="#Ubuntu-3" data-toggle="tab">Three</a></li>
      </ul>
    </div>
  </div>
  <div class="tab-pane " id="tab3" >tab3 test</div>
  <div class="tab-pane " id="tab4" >tab4 test</div>
</div>
    <script src="../../../assets/js/jquery-1.9.1.min.js"></script> 
<script src="../../../assets/js/bootstrap.min.js"></script>
</body>
</html>